<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!-- Product Page: Creativyst(tm) CSV to JavaScript Converter   -->


<HTML>
<HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <!-- This page is (c) Copyright 2002 - 2009, Creativyst, Inc. -->

    <meta name="Author" content="John Repici">
    <meta name="Copyright" content="(C) Copyright 2002 - 2009 Creativyst, Inc.">
    <meta name="GENERATOR" content="Hand Fabricated (jr)">

    <meta name="description" content="Creativyst(R) CSV to JavaScript Converter. Use this Comma Separated Values conversion utility free from our site">
    <meta name="keywords" content="csv,convert,csv to JavaScript,comma separated value,conversion,developer,software development,free,creativist">

    <title>Convert Comma Separated Values (CSV) to JavaScript Arrays - Creativyst(R) CSV to JavaScript Conversion Tool. - Creativyst - Explored,Designed,Delivered.(SM)</title>

<link rel="StyleSheet" href="/Res/CSS/Base.css" type="text/css" media="screen">





    <STYLE type="text/css">

 A:link{color:#0000CC; text-decoration:none;}
 A:visited{color:#0000CC; text-decoration:none;}
 A:hover {color:#3333FF; text-decoration:underline}
 A:active {color:#0000CC;}


 A.LeftInfo:link {color:#FFFFFF;
                 text-decoration:underline;
                 font-family:"Arial","Sans-serife";
               }
 A.LeftInfo:visited {color:#FFFFFF;
                 text-decoration:underline;
                 font-family:"Arial","Sans-serife";
               }
 A.LeftInfo:hover {color:#DDFFFF;
                 text-decoration:none;
                 font-family:"Arial","Sans-serife";
               }



 A.Nav:link {color:#000000;
             text-decoration:none;
             font-family:"Arial","Sans-serife";
             font-size: 8pt;
            }
 A.Nav:visited { color:#000000;
                 text-decoration:none;
                 font-family:"Arial","Sans-serife";
                 font-size: 8pt;
               }
 A.Nav:hover {color:#0000FF;
                 text-decoration:underline;
                 font-family:"Arial","Sans-serife";
                 font-size: 8pt;
               }


 A.m2:link {color:#888899;
             text-decoration:none;
             font-family:"Arial","Sans-serife";
            }
 A.m2:visited { color:#888899;
                 text-decoration:none;
                 font-family:"Arial","Sans-serife";
               }
 A.m2:hover {color:#333333;
                 text-decoration:underline;
                 font-family:"Arial","Sans-serife";
               }

 A.Ped:link {color:#DDDDEE;
             text-decoration:underline;
             font-family:"Arial","Sans-serife";
             font-size: 7pt;
            }
 A.Ped:visited { color:#DDDDEE;
                 text-decoration:underline;
                 font-family:"Arial","Sans-serife";
                 font-size: 7pt;
               }
 A.Ped:hover {color:#99FFFF;
                 text-decoration:underline;
                 font-family:"Arial","Sans-serife";
                 font-size: 7pt;
               }

 TD.Ped {color:#CCCCDD;
             text-decoration:none;
             font-family:"Arial","Sans-serife";
             font-size: 8pt;
            }
 TD.PedHead {color:#CCCCDD;
             text-decoration:none;
             font-family:"Arial","Sans-serife";
             font-size: 9pt;
            }
 FONT.logo {color:#000033;
             text-decoration:none;
             font-family:"Arial","Sans-serife";
             font-size: 8pt;
            }

    </style>




<SCRIPT LANGUAGE="JAVASCRIPT">
/*
 * The following Pop-up help functions are:
 *
 *     (C) Copyright 2002-2005, Creativyst, Inc.
 *            ALL RIGHTS RESERVED
 *
 * All copyrights are reserved by Creativyst, Inc.
 *
 * Copying, distributing, or making derivative works
 * of this source code is forbidden by U.S. and
 * international copyright law.
 *
 * Do not copy, distribute, or make derivative
 * works from this source code without first obtaining
 * expressed written permission from Creativyst, Inc.
 *
 *
 *    For usage and licensing information
 *      contact: Support@Creativyst.com
 *     or visit: http://www.Creativyst.com
 * ------------------------------------------
 *
 * SourceCode v2.0c
 *
*/

/* Use this to set the background color of the popups
 * (don't use a pound sign)
*/
var PopBG = "F0F0FF";

function HPopNF(name, msg)
{ newwin = window.open('','','top=150,left=150,width=275,height=300'); if(!newwin.opener) newwin.opener = self; with(newwin.document) { open(); write('<html>\n\n'); write('<TITLE>Help for: ' + name + '</TITLE>\n'); write('<body '); write('BGColor=' + PopBG); write('><form name=form>\n' + msg + '<br>'); write('<p><center><input type="button"' + ' value="Click to close when finished" onClick=window.close()>'); write('</center></form></body></html>\n'); close();}
newwin.focus();}
function HPopMain(name, msg)
{ Helpwin = window.open('HlpUsr.htm', 'HlpUsr', 'Scrollbars=yes,Resizable=yes,top=100,left=130,width=390,height=430'); if(!Helpwin.opener) Helpwin.opener = self; Helpwin.focus();}
function HPop101()
{ msg = 'List the names you wish to give to the JavaScript arrays\n'; msg += ' used to hold each column\'s values.  Separate Element\n'; msg += ' IDs with spaces, commas\n'; msg += ' or line-feeds.  If you leave this blank the <B>Header\n'; msg += ' row</B> will be used to create array names.  If there is no\n'; msg += ' header row and this is blank, the arrays will be named\n'; msg += ' \'Col0\' through \'Coln\' (n=total columns)\n'; HPopNF('Column IDs', msg);}
function HPop102()
{ msg = ''; msg += 'Export a CSV File from your MS-Outlook, accounting,\n'; msg += ' spreadsheet, or other application and \n'; msg += ' paste it into this <B><I>input area</I></B>.\n'; msg += ' After you\'ve entered it, press the'; msg += ' <B><I>Convert</I></B> button and wait for JavaScript\n'; msg += ' code to appear in the <B><I>Output</I></B> area.  Depending on\n'; msg += ' the size of the CSV file you are converting this could\n'; msg += ' take a couple of minutes to complete.<BR>\n'; HPopNF('Input Area', msg);}
function HPop104()
{ msg = '<B>Output Area:</B>\n'; msg += ' A JavaScript file containing JavaScript arrays filled with\n'; msg += '  data from the CSV file\n'; msg += ' will be placed in this area after the converter is finished.\n'; msg += ' CSV export files that are relatively large in size may\n'; msg += ' take a couple of minutes to complete.\n'; HPopNF('Output Area', msg);}
function HPop105()
{ msg = '<B>Header Row:</B> Check this box if the first row of the CSV\n'; msg += 'file is a Header Row (i.e. it contains the column names for the\n'; msg += ' record).<BR><BR> When you check this box, the first line\n'; msg += ' from the file will be used to produce element IDs if you\n'; msg += ' haven\'t already defined them in the <B>Array Names</B> box\n'; msg += ' <BR><BR>If you do not check this field, the first row will\n'; msg += ' be treated as a data record like any other in the file.\n'; HPopNF('Header Row', msg);}

</SCRIPT>


</head>



<body class="BasicPage">


<A NAME="Top"></A>
               



<TABLE WIDTH="100%" CELLSPACING="0" CELLPADDING="0" BORDER="0">
<TR>

<TD VALIGN="TOP" WIDTH="150px">
     &nbsp;<a href=
    "http://www.creativyst.com"
    ><IMG SRC="http://www.creativyst.com/Res/Image/Logo/Td125x50.gif" 
          ALT="Visit Our Home Page" BORDER="0"></A>

        <br>

    <span CLASS="LogoTextSm">
    &nbsp;Explored, Designed, Delivered.<sup>sm</sup> <!-- &#8482; -->
    </span>
</TD>


<TD WIDTH="83%" ALIGN="CENTER" VALIGN="BOTTOM">

    <!-- <BR> -->
    <table><tr><td>
      <a href="http://www.creativyst.com/Site/Contact.htm"
         target="_blank"
         style="cursor:help"
         title=
         "Creativyst(R) Custom Software development. Your web-based applications delivered faster and for less"
       ><img 
          border="0"
         src="http://www.creativyst.com/Res/Image/Bans/Ban006.gif"></a>
    </td></tr></table>








<!-- Level 1 navigation bar     -->
  <table WIDTH="100%"
        class="NavMenuTop"
        CELLSPACING="0" CELLPADDING="0" BORDER="0" >

  <tr>
  <td VALIGN="TOP" WIDTH="10%">
    <div>
        <a class="Nav" href="http://www.creativyst.com"
           target="_top" title="You are here.">
        Home</a>
    </div>
  </td>

  <td VALIGN="TOP" WIDTH="15%">
    <div>
        <a class="Nav" rel="nofollow"
          href="http://www.creativyst.com/Prod/ProdTop.htm"
           target="_top" title="Products &amp; Services">
        Products</a>
    </div>

  </td>

  <td VALIGN="TOP" WIDTH="15%">
    <div>
        <a class="Nav" rel="nofollow"
          href="http://www.creativyst.com/Support/SupTop.htm"
           target="_top" title="Customer Support, Papers, &amp; Downloads">
        Support/Doc</a>

    </div>
  </td>

  <td VALIGN="TOP" WIDTH="15%">
    <div>
        <a class="Nav" rel="nofollow"
           href="http://www.creativyst.com/Dev/DevTop.htm" target="_top"
           title="Developer Resources and Forums (graphics designers too)">
        Developers</a>
    </div>
  </td>

  <td VALIGN="TOP" WIDTH="15%">
    <div>
        <a class="Nav"
           href="http://www.creativyst.com/cgi-bin/YaBB/os/YaBB3.pl"
           target="_top" title="Talk with others">
        Forums</a>
    </div>
  </td>

  <td VALIGN="TOP" WIDTH="15%">

    <div>
        <a class="Nav" rel="nofollow"
           href="http://www.creativyst.com/a/index.htm"
           target="_top" title="Become a Creativyst Associate">
        Associates</a>
    </div>
  </td>

  <td VALIGN="TOP" WIDTH="15%">
    <div>
        <a class="Nav" rel="nofollow"
           href="http://www.creativyst.com/Site/"
           target="_top" title="Coming soon">
        (?)</a>
    </div>
  </td>

  </tr>
  </table>


  <!-- Level 2 nav menu   -->
  <div class="L2Menu">

    <FONT FACE="Verdana, Arial, sans-serife" SIZE="1" COLOR="#000000">

        <a href="http://www.creativyst.com/Site/Contact.htm"
            rel="nofollow" title="Contact us"
            class="m2" TARGET="_blank">Contact</a>
         |

        <a href="http://www.creativyst.com/Site/News/Cvst/News.htm"
           target="_top" title="What's new at Creativyst, Inc."
            class="m2">News</a>

         |

        <a title="Glossary of terms"  STYLE="cursor:help"  rel="nofollow"
          href="http://www.creativyst.com/cgi-bin/M/Glos/st/GetTerm.pl?fsGetTerm=802.11b"
            class="m2" TARGET="_blank">Glossary</a>

         |

        <a rel="nofollow" title="Miscellaneous Information and Help"
          href="http://www.creativyst.com/Site/"
            class="m2" TARGET="_top">Site</a>
         &nbsp;

    </FONT>

  </div> <!-- L2 Menu -->





</TD>
</TR>
</TABLE>







<TABLE WIDTH="100%">

<TR>
<TD WIDTH="17%" VALIGN="TOP" BGColor="#F0F0FF">

 <TABLE WIDTH="100%" CELLSPACING="0" CELLPADDING="0" BORDER="0">

 <TR>
 <TD WIDTH="100%" BGColor="#6600D0" ALIGN="CENTER">
    <!-- The TOP of the left pedestal   -->
 <!--   <IMG SRC="http://www.creativyst.com/Res/Image/Logo/SmJSC.gif"> -->

    <BR>
    <FONT FACE="Arial, sans-serif" SIZE="4" COLOR="#33EEEE">
    CSV to<BR>JavaScript
    </FONT>

    <BR>
 </TD>
 </TR>




 <TR>
 <TD CLASS="Ped" BGColor="#6600D0" ALIGN="LEFT">



    <TABLE CELLPADDING="2px"><TR><TD CLASS="Ped"> 

    Converts comma separated values (CSV) files to
    JavaScript ('.js') array files.
    <BR>
    <BR>

    Is there a CSV conversion utility that
    will make your office more efficient?
    Imagine the possibilities...
    Whether you need a simple VB macro or a
    web-based app, our custom
    and semi-custom
    programming services offer fast and effective
    ways to help improve your business processes.
    You'll like our reasonable rates too.
    Please
    <A HREF="http://www.creativyst.com/Site/Contact.htm"
        TITLE="Contact us"
        CLASS="LeftInfo"
         TARGuET="_blank">contact us</A> for
    quick, <I>guaranteed</I> solutions.

    </TD></TR></TABLE>



<!--
    <BR>
    Purchase a license to run this converter on
    your own browser or intranet site.
-->


 <BR>

 <FONT FACE="Arial, sans-serif">
 &nbsp;<B>More Converters</B><BR>
 </FONT>


    <TABLE WIDTH="99%" CELLSPACING="0" CELLPADDING="0" BORDER="0">

    <TR>
    <TD CLASS="Ped" WIDTH="8%">&nbsp;</TD>
    <TD CLASS="Ped" WIDTH="5%" ALIGN="LEFT">&#149;</TD>
    <TD CLASS="Ped" VALIGN="TOP">

        <A 
          CLASS="LeftInfo"
          TARGET="_blank"
          TITLE="Convert ANY CSV to generic XML."
          STYLE="cursor:help"
          HREF=
                "http://www.creativyst.com/Prod/15/"
           >CSV to XML</A>

    </TD>
    </TR>

<!--
    <TR>
    <TD CLASS="Ped">&nbsp;</TD>
    <TD CLASS="Ped" ALIGN="LEFT">&#149;</TD>
    <TD CLASS="Ped" VALIGN="TOP">
        <A 
          CLASS="LeftInfo"
          TARGET="_blank"
          TITLE="Convert MS-Outlook Calendar Files to a dcEvents.js"
          STYLE="cursor:help"
          HREF=
                "http://www.creativyst.com/Prod/16/"
           >Outlook to dcEvents.js</A>
    </TD>
    </TR>
 -->

    </TABLE>




 <BR>

 <FONT FACE="Arial, sans-serif">
 &nbsp;<B>Information</B><BR>
 </FONT>

    <TABLE WIDTH="99%" CELLSPACING="0" CELLPADDING="0" BORDER="0">
    <TR>
    <TD CLASS="Ped" WIDTH="8%">&nbsp;</TD>
    <TD CLASS="Ped" WIDTH="5%" ALIGN="LEFT">&#149;</TD>
    <TD CLASS="Ped" VALIGN="TOP">
        <A 
          CLASS="LeftInfo"
          TARGET="_blank"
          TITLE="Bugs and features by version"
          STYLE="cursor:help"
          HREF="http://www.creativyst.com/Prod/17/vHistory.htm">Version&nbsp;history</A>
    </TD>
    </TR>

    <TR>
    <TD CLASS="Ped">&nbsp;</TD>
    <TD CLASS="Ped" ALIGN="LEFT">&#149;</TD>
    <TD CLASS="Ped" VALIGN="TOP">
        <A 
          CLASS="LeftInfo"
          TARGET="_blank"
          TITLE="Full explanation of the The CSV format"
          STYLE="cursor:help"
          HREF=
                "http://www.creativyst.com/Doc/Articles/CSV/CSV01.htm"
           >Understanding CSV</A>
    </TD>
    </TR>

    </TABLE>


 </TD>
 </TR>


 <TR>
 <TD BGColor="#6600D0">
    <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
    <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
    &nbsp;
 </TD>
 </TR>
 </TABLE>



<!-- end of 17% pedistal begin right side -->
</TD>
<TD WIDTH="1%">
 &nbsp;
</TD>

<TD WIDTH="81%" VALIGN="TOP">


    <TABLE BORDER=0 CELLPADDING=2 CELLSPACING=0 WIDTH=97%>
    <TR>
        <TD WIDTH="60%" ALIGN="LEFT">
            <FONT SIZE="2">Creativyst(R)<!-- <sup>&#174;</sup> --></FONT>
            <FONT SIZE="3"><b>CSV to JavaScript Converter</B></FONT>
            &nbsp;
            <FONT SIZE=-2> (v2.0b)
            <BR>

            <!-- ================================================== -->
            <!-- The following notice and link must remain visible  -->
            <!-- ================================================== -->
            &#169; Copyright 2001-2005
            <A HREF="http://www.Creativyst.com/" TARGET="_blank">
            Creativyst, Inc.</A>
            <!-- ================================================== -->
            <!-- This above notice and link must remain visible     -->
            <!-- ================================================== -->

            </FONT>
        </TD>
        <TD ALIGN="RIGHT" VALIGN="TOP">
            <A HREF="javascript:HPopMain();"
                STYLE="cursor:help"
                TITLE="Help"
            ><B>?</B><FONT SIZE=-2>Usage</FONT></A>
            <FONT SIZE=-2>
             &nbsp; &nbsp; &nbsp;
             &nbsp; &nbsp; &nbsp;
            </FONT>
        </TD>
    </TR>
    </TABLE>




    <FORM NAME="csv2js"
          METHOD="POST"
          ACTION="http://www.creativyst.com/cgi-bin/Prod/17/eg/csv2js.pl"
        >
    <TABLE WIDTH="99%">
    <TR>
    <TD WIDTH="25%">
            <FONT FACE="Arial, sans-serif" SIZE="1">

            <a style="cursor:help" HREF="javascript:HPop101();"
                TITLE="List the JavaScript Array Element names for each field"
            >Array Names(Cols)<br>
             One per line</a><br>
            </FONT>
         <textarea name="Columns" rows=7 cols="12"></textarea>
    </TD>
    <TD WIDTH="75%">
            <FONT FACE="Arial, sans-serif" SIZE="1">
            <a style="cursor:help" href="javascript:HPop102();"
                title="Paste your CSV file to be converted here"
            >Input (CSV file):</a>
            &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp;
            <input type="CHECKBOX" name="HeaderRow" value="1" >
            <a style="cursor:help" href="javascript:HPop105();"
               title=
                "Check if the first row of your CSV file is header information"
              >Header Row</a>
              <br>

            </FONT>
  <textarea name="InText" rows="7" cols="60" NOWRAP></textarea>
    </TD>
    </TR>


    <TR>
    <TD>

        &nbsp;

    </TD>
    <TD>
            <FONT FACE="Arial, sans-serif" SIZE="1">
            <A style="cursor:help" HREF="javascript:HPop104();"
                TITLE=
                 "Cut or Copy the JavaScript array that is created from here"
            >Output (JavaScript Arrays):</A><BR>
            </FONT>
  <TEXTAREA name="OutText" rows=7 cols="60" NOWRAP></TEXTAREA>
            <BR>

            <FONT SIZE="-1">
            <INPUT type="SUBMIT" NAME="Convert" value="Convert">
            <INPUT type="SUBMIT" NAME="Clear" value="Clear">
            <INPUT type="button" value="Select"
             onclick="this.form.OutText.select();this.form.OutText.focus();">

            <INPUT type="hidden" Name="LastDrop" value="1">

            </FONT>
    </TD>
    </TR>

    </TABLE>

    </FORM>














</TD>
</TR>
</TABLE>




<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR>
&#169; Copyright 2002 - 2007 Creativyst, Inc.
&nbsp;
<BR><BR><BR><BR><BR>

<BR>
<BR>
<BR>



</BODY>
</HTML>


